<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><?php echo \think\Lang::get('System Error'); ?></title>
        <style type="text/css">
            html{background:url('')!important;}
            a,fieldset,img{border:0;}
            a{color:#221919;text-decoration:none;outline:none;}
            a:hover{color:#3366cc;text-decoration:underline;}
            body{font-size:24px;color:#B7AEB4;}
            body a.link,body h1,body p{-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
            #wrapper{text-align:center;margin:100px auto;width:594px;}
            a.link{text-shadow:0px 1px 2px white;font-weight:600;color:#3366cc;opacity:0;}
            h1{text-shadow:0px 1px 2px white;font-size:24px;opacity:0;}
            img{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;height:202px;width:199px;opacity:0;}
            p{text-shadow:0px 1px 2px white;font-weight:normal;font-weight:200;opacity:0;}
            .fade{opacity:1;}
            @media only screen and (min-device-width:320px) and (max-device-width:480px){
                #wrapper{margin:40px auto;text-align:center;width:315px;}
            }
        </style>
        <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
        <!--解决 IE6 背景缓存-->
        <!--[if IE 6]><script type="text/javascript">document.execCommand("BackgroundImageCache", false, true);</script><![endif]-->
        <script type="text/javascript">
            $(document).ready(function () {
                if (!$.browser.msie) {
                    $("img").addClass('fade').delay(300).queue(function (next) {
                        $("h1, p").addClass("fade");
                        $("a.link").css("opacity", 1);
                        next();
                    });
                } else {
                    $("img, h1, p").addClass('fade');
                    $('a.link').css('opacity', 1);
                }
            });
        </script>
    </head>
    <body>
        <div id="wrapper">
            <a href="javascript:void(0)"><img src=""></a>
            <div>
                <h1>[<?php echo $code; ?>] <?php echo $name; ?></h1>
                <?php if(\think\App::$debug) { ?>
                <p><?php echo str_replace(dirname(APP_PATH),'',$file).':'.$line; ?></p>
                <?php } ?>
                <p><?php echo nl2br(htmlentities($message)); ?></p>
            </div>
        </div>
    </body>
</html>
